<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box{
            width: 300px;
            height: 300px;
            /* 多出的部分使用滚动条去滚动显示 */
            overflow: scroll;
            color: white;
            background-color: aqua;
            background-image: url(../images/kobe01.jpg);
            /* 默认值是scroll，就是图片不随着一起滚动，local就是随着滚动 */
            background-attachment: local;
            /* fixed就是在滚动整个页面的时候背景不会动，直接试效果把，不好说的 */
            /* background-attachment: fixed; */
        }
    </style>
</head>
<body>
    <div class="box">
        叠层电池拥有如此多的优势，当然不可能仅有苹果公司使用。实际上，安卓手机厂商也在积极运用类似的技术来提高电池性能。以魅族20系列为例，同样利用叠层电池提供更大的电池容量和更长的续航时间。此外，魅族也对电池的技术和寿命进行了大量的优化和测试，以确保用户能够长时间地享受到出色的电池性能。叠层电池拥有如此多的优势，当然不可能仅有苹果公司使用。实际上，安卓手机厂商也在积极运用类似的技术来提高电池性能。以魅族20系列为例，同样利用叠层电池提供更大的电池容量和更长的续航时间。此外，魅族也对电池的技术和寿命进行了大量的优化和测试，以确保用户能够长时间地享受到出色的电池性能。
    </div>

    <br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br>
</body>
</html>